<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>职位管理</title>
    <link rel="stylesheet" href="assets/css/layui.css">
    <link rel="stylesheet" href="assets/css/view.css"/>
    <link rel="stylesheet" href="assets/css/admin.css"/>
    <link rel="stylesheet" href="assets/css/style.css"/>
    <style type="text/css">
        .layui-form-item{ margin-bottom: 0;}
    </style>
    <script>
        /*页面刷新函数*/
        function refresh(){
            var id = ${sessionScope.pageUser.id};
            $.get("ManagerServlet?param=studentInfo",function (jsonArray){
                $(jsonArray).each(function (){
                    var sid = this.sid;
                    var sName = this.sName;
                    var sSex = this.sSex;
                    var sSpeciality = this.sSpeciality;
                    var sDepartment = this.sDepartment;
                    var sEnrollYear = this.sEnrollYear;
                    var clName = this.clName;
                    $("#tbody").append("<tr>" +
                            "<td>" +sid + "</td>"+
                            "<td>" + sName+ "</td>"+
                            "<td>" + sSex+ "</td>"+
                            "<td>" +sSpeciality + "</td>"+
                            "<td>" + sDepartment+ "</td>"+
                        "</tr>");
                })
            },"json")
        }
        $(function(){
            refresh();
        });
    </script>
</head>
    <body class="layui-view-body">
    <div class="layui-content">
        <!--面包屑导航-->
        <div class="mianb">
            <div class="mblf layui-col-xs6 layui-col-md6">
                <i class="layui-icon">&#xe656;</i>
                <p>学生信息管理 > <span>查看学生信息</span></p>
            </div>
            <div class="mbrt layui-col-xs6 layui-col-md6">
                <a href="views/05发布职位1.html" class="layui-btn layui-btn-normal">添加学生信息</a>
            </div>
        </div>
        <!--面包屑导航-->
        <div class="layui-row">
            <div class="layui-card">
                <div class="table-responsive">
                    <table class="layui-table" lay-skin="line" lay-size="lg" id="table">
                        <tr>
                            <th>学号</th>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>专业</th>
                            <th>院系</th>
                            <th>入学年份</th>
                            <th>班级</th>
                        </tr>
                        <tbody id="tbody">
                        <tr>
                            <td>人事专员</td>
                            <td>河南卓聘企业信息咨询有限公司</td>
                            <td>5</td>
                            <td>2000</td>
                            <td>2019-11-29</td>
                            <td class="layui-form">
                                <input type="checkbox" name="open" lay-skin="switch" lay-filter="switchTest" >
                            </td>
                            <td><a class="layui-btn layui-btn-normal layui-btn-xs">置顶</a></td>
                            <td>
                                <div class="layui-table-cell laytable-cell-1-0-10">
                                    <a href="07职位管理-详情.html" class="layui-btn layui-btn-xs">查看</a>
                                    <a class="layui-btn layui-btn-normal layui-btn-xs">修改</a>
                                    <a class="layui-btn layui-btn-danger layui-btn-xs delete">删除</a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--分页-->
                <div id="page"></div>
                <!--分页-->
            </div>
        </div>
    </div>
    <script src="assets/jquery.min.js"></script>
    <script src="assets/layui.all.js"></script>
    <script>
        var element = layui.element;
        layui.use(['laypage', 'layer'], function(){
            var laypage = layui.laypage
                ,layer = layui.layer;

            //页码完整功能
            laypage.render({
                elem: 'page'
                ,count: 100
                ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
                ,jump: function(obj){
                    console.log(obj)
                }
            });
        });

        //弹框
        $('#fabu').on('click', function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.open({
                    type: 2,
                    title: '发布任务',
                    fix: false,
                    shadeClose: true,
                    shade: 0.8,
                    area: ['660px', '420px'],
                    content: '02任务发布-发布任务.html',
                    end: function () {
                        location.reload();
                    }
                });
            });
        })

        //判断弹框
        $(".delete").click(function(){
            layer.confirm('确定要删除该职位信息？', {
                btn: ['是','否'] //按钮
            }, function(){
                layer.msg('已删除', {icon: 1});
            }, function(){
                layer.msg('已取消',  {icon: 2});
            });
        })

        layui.use('form', function(){
            var form = layui.form;
            form.render();
        });
    </script>

    </body>
</html>